<?php session_start();
	  require_once ("../adm_usuarios.php");
	  val_modulo(3);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Código del Icono -->			
<link href="../images/logo.ico" type="image/x-icon" rel="shortcut icon" />			
<!-- InstanceBeginEditable name="doctitle" -->
<title>Consulta de Orientaci&oacute;n</title>
<link href="../styles/tesis.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="../scripts/jquery162.js"></script>
<script type="text/javascript" src="../scripts/error_list.js"></script>
<script type="text/javascript" src="../scripts/gen_validate.js"></script>

<!-- start jquery ui -->
<link href="../styles/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="../styles/jquery-ui.min.js"></script>
<!-- end jquery ui -->
<?php

    require_once("../conexion/conexion.php");    
    require_once("cobd/consultas_orientacion.php");
    require_once("../lib/utils.php");
    
    $TipFor = tipo_formacion();
    $TitForEsp = obtener_titulo_especifico(Formacion_ocuacional);
    $deptos = obtener_deptos();
    $TipDisca = obtener_tipo_discapacidad();

?>
<script type="text/javascript">

$(document).ready(function() {
    showLog(<?php echo $logueo; ?>);
    <?php if($logueo == TRUE){echo habilitar_menu();} ?>
    menuPrincipal ('2');    
    $("#tabs").tabs();
    $(".tipbus").hide();
    $('#seltipbus').val('');
	// Dinamismo de busqueda
	$("#seltipbus").change(function(){
		$(".tipbus").hide();
		if($("#seltipbus").val() == "1"){
			$('#Respuesta').html("");
                        $("#busgen").show();
                        $(".btnBus").show();
		}
		else if ($("#seltipbus").val() == "2") {
			$('#Respuesta').html("");
                        $("#buseda").show();
                        $(".btnBus").show();
		}
		else if ($("#seltipbus").val() == "3") {
			$('#Respuesta').html("");
                        $("#busfec").show();
                        $(".btnBus").show();
		}
                else if($("#seltipbus").val() == "4"){
			$('#Respuesta').html("");
                        $("#busniv").show();
                        $(".btnBus").show();
		}
		else if ($("#seltipbus").val() == "5") {
			$('#Respuesta').html("");
                        $("#busocu").show();
                        $(".btnBus").show();
		}
		else if ($("#seltipbus").val() == "6") {
			$('#Respuesta').html("");
                        $("#busexpe").show();
                        $(".btnBus").show();
		}
                else if($("#seltipbus").val() == "7"){
			$('#Respuesta').html("");
                        $("#busubu").show();
                        $(".btnBus").show();
		}
		else if ($("#seltipbus").val() == "8") {
                        $('#Respuesta').html("");
			$("#bustip").show();
                        $(".btnBus").show();
		}
		else if ($("#seltipbus").val() == "") {
			$('#Respuesta').html("");
                        $(".btnBus").hide();
		}
                
        });
        $('#selEdaMin').change(function(){
            if ($('#selEdaMax').val() != '')
            {
                if ($('#selEdaMin').val() > $('#selEdaMax').val())
                {
                    alert(error84);
                    $('#selEdaMin').val('');
                    $('#selEdaMin').focus();
                }
            }
        });
        $('#selEdaMax').change(function(){
            if ($('#selEdaMin').val() != '')
            {
                if ($('#selEdaMin').val() > $('#selEdaMax').val())
                {
                    alert(error85);
                    $('#selEdaMax').val('');
                    $('#selEdaMax').focus();
                }
            }
        });
  }); // FIN DOCUMENT READY

function showLogin()
{
$(".loginbox").slideToggle("slow");
}

function mostrarpag(pag, ocultar, mostrar)
{
    $('.'+ocultar).hide();
    $('.'+mostrar+pag).show();
}

function obtMunicio()
        {
            $.ajax({
				url: "../lib/GetMun.php",
				type: "GET",
				data: "DeptoSel="+$("#selDept").val(),
				success: function(datos){
				$('#selMuni').html(datos);
				}
                    });
        }

function llamarAjax (urlAjax, tipoObtencion, dataAjax, msgError, ErClass, idDivRes) 
    {
        $.ajax({
				url: urlAjax,
				type: tipoObtencion,
				data: dataAjax,
				success: function(datos){
                                    
                                    if(datos == 0)
                                        {
                                            alert(msgError);
                                            $('#Respuesta').html("");
                                            $("."+ErClass).val("");
                                        }
                                    else
                                        {
                                            $('#'+idDivRes).show();
                                            $('#'+idDivRes).html(datos);
                                            $("#search-result tr:nth-child(odd)").addClass("striped");
                                            $("#search-result tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");});
                                        }

				}
                                
        });
    }

function realizar_consulta()
        {
            var paginaAjax = "../lib/BusOrientacion.php";
            var metodo = "GET";
            var valBus = $('#seltipbus').val();
            
            switch(valBus)
            {
                case '1':
                    if(validar_element('selSexo', '', error83)== false){return;};
                break;
                case '2':
                    if(validar_element('selEdaMin', '', error92)== false){return;};
                    if(validar_element('selEdaMax', '', error93)== false){return;};
                break;
                case '3':
                    if(validar_element('txtFec', '', error86)== false){return;};
                break;
                case '4':
                    if(validar_element('selNivEdu', '', error87)== false){return;};
                break;
                case '5':
                    if(validar_element('selocu', '', error88)== false){return;};
                break;
                case '7':
                    if(validar_element('selDept', '', error89)== false){return;};
                    if(validar_element('selMuni', '', error90)== false){return;};
                break;
                case '8':
                    if(validar_element('selTipDis', '', error91)== false){return;};
                break;
            }
            
            var datos = "varGen="+$("#selSexo").val()+"&varEdadMin="+$("#selEdaMin").val()+
                        "&varEdadMax="+$("#selEdaMax").val()+"&varFecha="+$("#txtFec").val()+
                        "&varNivEdu="+$("#selNivEdu").val()+"&varOcu="+$("#selocu").val()+
                        "&varExpe="+$("#selExpe").val()+"&varDept="+$("#selDept").val()+
                        "&varMuni="+$("#selMuni").val()+"&varTipDis="+$("#selTipDis").val()+
                        "&opcionBus="+$('#seltipbus').val();
                if(valBus == "1"){
                    llamarAjax (paginaAjax, metodo, datos, errorNoDatos, "selSexo", "Respuesta");
                }
                else if (valBus == "2"){
                    llamarAjax (paginaAjax, metodo, datos, errorNoDatos, "selEdaMin", "Respuesta");
                }
                else if (valBus == "3"){
                    llamarAjax (paginaAjax, metodo, datos, errorNoDatos, "txtFec", "Respuesta");
                }
		else if (valBus == "4"){
                    llamarAjax (paginaAjax, metodo, datos, errorNoDatos, "selNivEdu", "Respuesta");
                }
                else if (valBus == "5"){
                    llamarAjax (paginaAjax, metodo, datos, errorNoDatos, "selocu", "Respuesta");
                }
                else if (valBus == "6"){
                    llamarAjax (paginaAjax, metodo, datos, errorNoDatos, "selExpe", "Respuesta");
                }
                else if (valBus == "7"){
                    llamarAjax (paginaAjax, metodo, datos, errorNoDatos, "SelUbi", "Respuesta");
                }
                else if (valBus == "8"){
                    llamarAjax (paginaAjax, metodo, datos, errorNoDatos, "varTipDis", "Respuesta");
                }
	
	}

//datepicker

	$(function() {
		$( ".datepicker" ).datepicker({
			showOn: "button",
			buttonImage: "../images/calendar.gif",
			buttonImageOnly: true,
			maxDate: "0",
			dateFormat: 'dd-mm-yy',
			changeYear: 'Yes'
			
		});
	});

</script>
<!-- InstanceEndEditable -->
<link href="../styles/tesis.css" rel="stylesheet" type="text/css" media="screen" />

<!-- Script Accordeon Menu -->
<script type="text/javascript" src="../scripts/ddaccordion.js"></script>
<script type="text/javascript">

ddaccordion.init({ //top level headers initialization
	headerclass: "expandable", //Shared CSS class name of headers group that are expandable
	contentclass: "categoryitems", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})

ddaccordion.init({ //2nd level headers initialization
	headerclass: "subexpandable", //Shared CSS class name of sub headers group that are expandable
	contentclass: "subcategoryitems", //Shared CSS class name of sub contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["opensubheader", "closedsubheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})


</script>

<!-- Script Accordeon Menu -->
<style type="text/css">
<!--
.Estilo1 {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}
.Estilo5 {font-style: italic; font-size: 12px;}
.Estilo6 {color: #FF0000}
.Estilo7 {font-size: 14px}
.Estilo8 {font-size: 16px}
.Estilo9 {
	font-weight: bold;
	font-size: 14px;
} 
.Estilo12 {font-size: 11px}
-->
</style>

<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body>

<div class="container">
   <div class="header"><!-- #BeginLibraryItem "/Library/loginbox.lbi" -->
    <div class="loginButton login"><a onclick="showLogin()" href="javascript:;">Login</a></div>
    <div class="logoutButton logout" style="display:none"><a onclick="javascript:logout('../lib/logoff.php')" href="javascript:;">Bienvenido <?php if(isset($_SESSION['USU_NAME'])){ echo $_SESSION['USU_NAME'];} ?> <br /> Logout</a></div> 
<div class="loginbox">
    <form id="frm_login" name="frm_login" method="post" action="">
      <p>
        <label for="log_username">Usuario: </label>
        <input name="log_username" type="text" class="input-width" id="log_username" />
      </p>
      <p>
        <label for="log_password">Password: </label>
        <input name="log_password" type="password" class="input-width" id="log_password" /><span class="submit"><a href="javascript:validarIngreso('../lib/validarUsuario.php');">&nbsp;</a> </span>
      </p>
    </form>
  </div><!-- end .loginbox--><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/logo.lbi" --><a href="#"><img src="../images/logo2.jpg" alt="Insert Logo Here" name="Insert_logo" width="180" height="90" id="Insert_logo" style="background: #f7d10e; display:block;" /></a><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/navigation.lbi" --><div class="navigation">
      <ul class="nav">
        <li><a id="lnkEmp" class="lnkPrin" href="#">Empleo</a></li>
        <li><a id="lnkFor" class="lnkPrin" href="#">Formacion</a></li>
        <li><a id="lnkOri" class="lnkPrin" href="#">Orientacion</a></li>
        <li><a id="lnkRec" class="lnkPrin" href="#">Recepcion</a></li>
      </ul>
    </div><!-- #EndLibraryItem --><!-- end .navigation-->
  
  
  
  <!-- end .header --></div>
  <div class="sidebar1"><!-- #BeginLibraryItem "/Library/sidebar navigation.lbi" -->
      <div class="arrowlistmenu">
          <div id="menCita" class="menuShow" style="display:none">
           <h3 class="menuheader expandable">Citas</h3>
            <ul class="categoryitems captura">
              <li><a href="../cita/cit_registrar.php">Registro Cita</a></li>
              <li><a href="../cita/cit_buscar.php">Buscar Cita </a></li>
              <li><a href="../cita/cit_programadas.php" >Citas Programadas</a></li>
              <li><a href="../cita/cit_desbloq.php">Habilitar Usuario</a></li>
            </ul>
          </div>
          <div id="menRece" class="menuShow" style="display:none">
	  <h3 class="menuheader expandable">Recepcion</h3>
            <ul class="categoryitems captura">
              <li><a href="../rece/exp_crear.php" >Crear Expediente</a></li>
			  <li><a href="../regi/regi_interesados.php">Registro Interesados</a></li>
              <li><a href="../rece/exp_buscar.php">Buscar Expediente</a></li>
            </ul>
          </div>
          <div id="menOrie" class="menuShow" style="display:none">
            <h3 class="menuheader expandable">Orientacion</h3>
            <ul class="categoryitems captura">
              <li><a href="ori_busqueda_exp.php">Busqueda Orientacion</a></li>
              <li><a href="ori_busqueda_ori.php">Consultas de Orientacion</a></li>
            </ul>
          </div>
          <div id="menForm" class="menuShow" style="display:none">
            <h3 class="menuheader expandable">Formacion</h3>
            <ul class="categoryitems captura">
              <li><a href="../form/for_regformativa.php">Ingreso de Institucion</a></li>
              <li><a href="../form/for_regcurso.php?For=">Ingreso de Curso</a></li>
			  <li><a href="../form/for_listar_personas.php">Candidatos a Curso</a></li>
              <li><a href="../form/for_busformativa.php" >Busqueda de Institucion</a></li>
              <li><a href="../form/for_buscurso.php" >Busqueda de Curso</a></li>
            </ul>
          </div>
	  <div id="menEmpl" class="menuShow" style="display:none">			
	    <h3 class="menuheader expandable">Empleo</h3>
            <ul class="categoryitems captura">
             <li><a href="../empl/emp_registrar.php">Ingreso de Empresa</a></li>
             <li><a href="../empl/emp_registrar_oferta.php?Empresa=">Registrar Oferta</a></li>
             <li><a href="../empl/emp_buscar.php">Busqueda de Empresa</a></li>
             <li><a href="../empl/emp_buscar_oferta.php">Busqueda de Ofertas</a></li>
             <li><a href="../empl/emp_listar_candidatos.php">Busqueda de Candidatos</a></li>
            </ul>
          </div>
          <div id="menSegu" class="menuShow" style="display:none">
            <h3 class="menuheader expandable">Seguimiento</h3>
            <ul class="categoryitems captura">
              <li><a href="../acci/acc_regaccion.php">Registro de Seguimiento</a></li>
              <li><a href="../acci/acc_busaccion.php">Busqueda de Seguimiento</a></li>
            </ul>
          </div>
          <div id="menRepo" class="menuShow" style="display:none">
            <h3 class="menuheader expandable">Reportes</h3>
            <ul class="categoryitems captura">
              <li><a href="../repo/rep_buscar_curriculo.php">Generacion de Curriculum</a></li>
              <li><a href="../repo/rep_orientacion.php">Reportes Orientacion</a></li>
              <li><a href="../repo/rep_formacion.php">Reportes Formacion</a></li>
              <li><a href="../repo/repo_empleo.php" >Reportes Empleo</a></li>
              <li><a href="../repo/rep_acciones.php" >Reportes Acciones</a></li>
			  <li><a href="../repo/rep_interesados.php">Reportes Interesados</a></li>
			</ul>
          </div>
		   
           <div id="menVist" class="menuShow" style="display:none">
            <h3 class="menuheader expandable">Buscar Expediente</h3>
            <ul class="categoryitems captura">
                <li><a href="../vist/vis_busqueda.php">B&uacute;squeda de Expediente</a></li>
            </ul>
          </div>
          <div id="menAdmi" class="menuShow" style="display:none">
            <h3 class="menuheader expandable">Administracion</h3>
            <ul class="categoryitems">
              <li id="menSusu" style="display:none"><a href="#" class="subexpandable">Usuario</a>
                <ul class="subcategoryitems">
                    <li><a href="../admo/usu_registrar.php" >Registro de Usuario</a></li>
                    <li><a href="../admo/usu_buscar.php">Busqueda de Usuario</a></li>
                    <li><a href="../admo/usu_habilitar.php">Desbloqueo de Usuario</a></li>
         	</ul>
              </li> 
              <li id="menCata" style="display:none"><a href="#" class="subexpandable">Catalogos</a>
                <ul class="subcategoryitems">
                  <li><a href="../admo/cat_registrar.php">Registro de Catalogo</a></li>
                  <li><a href="../admo/cat_buscar.php">Busqueda de Catalogo</a></li> 
                </ul>
              </li>
            </ul>
          </div>  
          <div id="menInst" class="menuShow" style="display:none">
              <h3 class="menuheader expandable">Instituci&oacute;n</h3>
            <ul class="categoryitems captura">
              <li><a href="../form/for_regcurso.php">Ingreso de cursos</a></li>
              <li><a href="../form/for_cursos_por_institucion_capacitadora.php">Ver cursos</a></li>
            </ul>
          </div>
          <div id="menEmpr" class="menuShow" style="display:none">
            <h3 class="menuheader expandable">Empresa</h3>
            <ul class="categoryitems captura">
              <li><a href="../empl/emp_registrar_oferta.php">Ingreso de oferta</a></li>
              <li><a href="../empl/emp_ofertas_x_empresa_institucion.php">Ver ofertas</a></li>
            </ul>
          </div>
		  <div id="menCamP" class="menuShow" style="display:none">
            <h3 class="menuheader expandable">Mi cuenta</h3>
            <ul class="categoryitems captura">
              <li><a href="../admo/usu_modpass.php">Cambio de contraseña</a></li>
            </ul>
          </div>
          </div><!-- #EndLibraryItem --><p></p> 
         <a href="#"><h4 align="center">Ayuda
        <img src="../images/ayuda.gif" width="107" height="98" /></h4></a>   
    <!-- end .sidebar1 --></div>
  <div class="content"><!-- InstanceBeginEditable name="contenido" -->
  <form action="" method="post" name="form1" class="frm" id="form1">
  <p>
        <h3><font color="#0000A0"> Consulta de orientaci&oacute;n</font></h3>
		<p><i>Favor seleccione el tipo de b&uacute;squeda:</i></p>
       
      </p>
    <p>
      <label for="select" >Tipo de busqueda</label>
      <select name="seltipbus" id="seltipbus" style="width:300px">
			<option value="" selected="selected">Seleccione</option>
			<option value="1">Género</option>
			<option value="2">Rango de edad</option>
			<option value="3">Fecha</option>
            <option value="4">Nivel educativo</option>
			<option value="5">Ocupaci&oacute;n</option>
            <option value="6">Experiencia</option>
            <option value="7">Ubicaci&oacute;n</option>
            <option value="8">Tipo de discapacidad</option>
      </select>
    </p>
    <p id="busgen" class="tipbus" style="display:none">
      <label for="selSexo">G&eacute;nero:</label>
      <select name="selSexo" id="selSexo" class="selSexo">
          <option value="" selected="selected">Seleccione</option>
          <option value="F">Femenino</option>
          <option value="M">Masculino</option>
      </select>
    </p>
    <p id="buseda" class="tipbus" style="display:none">
      <label for="selEdaMin">Edad m&iacute;nima:</label>
      <select name="selEdaMin" id="selEdaMin" class="selEda">
          <option value="" selected="selected">Seleccione</option>
          <?php
            obtener_edades();
          ?>
      </select>
      <label for="selEdaMax">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Edad m&aacute;xima:</label>
      <select name="selEdaMax" id="selEdaMax" class="selEda">
          <option value="" selected="selected">Seleccione</option>
          <?php
            obtener_edades();
          ?>
      </select>
    </p>
    <p id="busfec" class="tipbus" style="display:none">
      <label for="txtFec">Fecha:</label>
      <input type="text" name="txtFec" id="txtFec" class="datepicker txtFec" readonly="readonly" />
    </p>
    <p id="busniv" class="tipbus" style="display:none">
      <label for="selNivEdu">Nivel educativo:</label>
      <select name="selNivEdu" id="selNivEdu" class="selNivEdu" style="width:300px">
          <option value="" selected="selected">Seleccione</option>
          <?php
            echo $TipFor;
          ?>
      </select>
    </p>
    <p id="busocu" class="tipbus" style="display:none">
      <label for="selocu">Ocupaci&oacute;n:</label>
      <select name="selocu" id="selocu" class="selocu" style="width:300px">
          <option value="" selected="selected">Seleccione</option>
          <?php
            echo $TitForEsp;
          ?>
      </select>
    </p>
    <p id="busexpe" class="tipbus" style="display:none">
      <label for="selExpe">Experiencia:</label>
      <select name="selExpe" id="selExpe" class="selExpe">
            <option value="S" selected="selected">Si</option>
            <option value="N" >No</option>
      </select>
    </p>
    <p id="busubu" class="tipbus" style="display:none">
      <label for="selDept">Departamento:</label>
      <select name="selDept" id="selDept" class="SelUbi" onChange="javascript:obtMunicio();">
          <option value="" selected="selected">Seleccione</option>
          <?php
            echo $deptos;
          ?>
      </select>
      <label for="selMuni">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Municipio:</label>
      <select name="selMuni" id="selMuni" class="SelUbi">
          <option value="" selected="selected">Seleccione</option>
      </select>
    </p>
    <p id="bustip" class="tipbus"  style="display:none">
      <label for="selTipDis">Tipo discapacidad:</label>
      <select name="selTipDis" id="selTipDis" class="selTipDis" style="width:300px">
          <option value="" selected="selected">Seleccione</option>
          <?php
            echo $TipDisca;
          ?>
      </select>
    </p>
   <p class="btnBus" style="display: none;">
        <a class="myButton" href="javascript:realizar_consulta();">Buscar</a>
   </p>
    <p>&nbsp; </p>
    <div id="Respuesta" style="display:none">
          
    </div>
    <!-- <table width="100%" border="0" id="search-result">
      <tr>
        <th scope="col">Codigo expediente</th>
        <th scope="col">Nombre/Apellido</th>
        <th scope="col">Correo</th>
        <th scope="col">Numero documento</th>
        <th scope="col">&nbsp;</th>
      </tr>
      <tr>
        <td>aa0000000</td>
        <td>vxxxxxxxxxx vxxxxxxxxxxxx</td>
        <td>xxxxxx@xxxx.xxx</td>
        <td>123456789</td>
        <td><a href="#" class="myButton">&nbsp;ver&nbsp;</a></td>
      </tr>
      <tr>
        <td>aa0000000</td>
        <td>vxxxxxxxxxx vxxxxxxxxxxxx</td>
        <td>xxxxxx@xxxx.xxx</td>
        <td>123456789</td>
        <td><a href="#" class="myButton">&nbsp;ver&nbsp;</a></td>
      </tr>
    </table>
    
          <script type="text/javascript">
$("#search-result tr:nth-child(odd)").addClass("striped");
$("#search-result tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");});
            </script>

    <p class="paginacion">&lt;&lt; <a href="#">atras</a> <a href="#">adelante</a> &gt;&gt;</p>
    <p>&nbsp;</p> -->
    <p>&nbsp;</p>
    <p>&nbsp;</p> 
  </form>
  <h2>&nbsp;</h2>
<p>&nbsp;</p>
  <!-- InstanceEndEditable --><!-- end .content -->  </div><!-- #BeginLibraryItem "/Library/footer.lbi" --><div class="footer">
    <p>Derechos Reservados copyright ©</p>
    <!-- end .footer --></div><!-- #EndLibraryItem --><!-- end .container --></div>
</body>
<!-- InstanceEnd --></html>
